.notice-title{
  width: 100%;
  height: 120px;
  background-color: #fff;
  >.notice-title-item{
    display: flex;
    justify-content: center;
    >.notice-title-item-img{
      width: 36px;
      height: 36px;
      display: flex;
      flex: 1;
      justify-content: center;
      >img{
        width: 36px;
        height: 36px;
      }
    }
  }
}
.notice-list{
  >ul{
    >li{
      >.blacklist-head-notice{
        width: 44px;
        height: 44px;
        position: absolute;
        left: 0px;
        top: 50%;
        margin-top: -22px;
        >img{
          width: 44px;
          height: 44px;
          border-radius: 6px;
        }
        >.blacklist-dian{
          width: 9px;
          height: 9px;
          display: inline-block;
          border: 1px solid #fff;
          background-color: #F95656;
          box-sizing: border-box;
          border-radius: 50%;
          position: absolute;
          top: -3px;
          right: -3px;
        }
      }
    }
  }
}
.notice_li{
  >.blacklist-head-notice{
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -22px;
    >img{
      width: 44px;
      height: 44px;
      border-radius: 6px;
    }
    >.blacklist-dian{
      width: 9px;
      height: 9px;
      display: inline-block;
      border: 1px solid #fff;
      background-color: #F95656;
      box-sizing: border-box;
      border-radius: 50%;
      position: absolute;
      top: -3px;
      right: -3px;
    }
  }
  >.blacklist-head-datas{
    height: 100%;
    margin-left: 56px;
    padding: 17px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #F7F4F2;
    position: relative;
    >.recovery{
      width: 60px;
      height: 30px;
      color: #999;
      font-size: 15px;
      line-height: 30px;
      text-align: center;
      border: 1px solid #999;
      border-radius: 15px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -15px;
    }
  }
}
.notice_li_bottom{
  >.blacklist-head-notice{
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -22px;
    >img{
      width: 44px;
      height: 44px;
      border-radius: 6px;
    }
    >.blacklist-dian{
      width: 9px;
      height: 9px;
      display: inline-block;
      border: 1px solid #fff;
      background-color: #F95656;
      box-sizing: border-box;
      border-radius: 50%;
      position: absolute;
      top: -3px;
      right: -3px;
    }
  }
  >.blacklist-head-datas{
    height: 100%;
    margin-left: 56px;
    padding: 17px 0px;
    box-sizing: border-box;
    border-bottom: 1px solid #F7F4F2;
    position: relative;
    >.recovery{
      width: 60px;
      height: 30px;
      color: #999;
      font-size: 15px;
      line-height: 30px;
      text-align: center;
      border: 1px solid #999;
      border-radius: 15px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -15px;
    }
  }
}
.notice-list .recovery-time{
  position: absolute;
  font-size: 12px;
  color: #999;
  top: 19px;
  right: 0;
}
.notice-list .recovery-img{
  position: absolute;
  width: 60px;
  height: 60px;
  font-size: 12px;
  color: #999;
  top: 12px;
  right: 0;
}
.comment-datas-list{
  width: 100%;
  height: 13px;
  font-size: 12px;
  color: #999;
  margin-top: 25px;
  >.xihuan{
    float: right;
    >span{
      vertical-align: middle;
    }
    >img{
      width: 14px;
      height: 12px;
      vertical-align: middle;
    }
  }
}
.replay-comment-title{
  margin-top: 17px;
  font-size: 12px;
  color: #999;
  background-color: #f7f4f2;
  padding: 11px 18px 11px 12px;
  box-sizing: border-box;
  border-radius: 6px;
}
.recovery-huili{
  width: 60px;
  height: 30px;
  color: #999;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #999;
  border-radius: 15px;
  position: absolute;
  right: 72px;
  top: 50%;
  margin-top: -15px;
}
.gm-message{
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: left;
  border-bottom: 1px solid #f7f4f2;
}
.notice-pre{
  position: absolute;
  font-size: 10px;
  height: 15px;
  color: #fff;
  padding: 0 3px;
  line-height: 15px;
  border: 1px solid #fff;
  border-radius: 7px;
  background-color: #F95656;
  top: -7px;
  right: -7px;
}
.no-pric{
  top: 10px;
}
.recovery-two{
  border: 1px solid #F95656;
  color: #F95656;
}
.notice-message{
  width: 100%;
  padding: 24px 12px 0 12px;
  box-sizing: border-box;
  >.notice-message-title{
    font-size: 15px;
    font-weight: bold;
    color: #333;
    text-align: left;
  }
  >.notice-message-time{
    font-size: 12px;
    color: #999;
    text-align: left;
    margin-bottom: 20px;
  }
  >.notice-message-con{
    font-size: 12px;
    color: #333;
  }
  >.notice-message-img{
    width: 100%;
  }
}
.gift_help{
  width: 20px;
  height: 45px;
  position: absolute;
  right: 12px;
  top: 15px;
  padding-top: 7px;
  box-sizing: border-box;
}
.blacklist-people{
  >ul{
    >li{
      >.blacklist-head-datas{
        >.active_style{
          color: #F95656;
          border: 1px solid #F95656;
        }
      }
    }
  }
}
